<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			/*
				创建
					document.createElement()
						可以创建一个元素节点对象，
						他需要一个标签名作为参数，将会根据标签名创建的元素节点对象，
						并将创建好的对象作为返回值返回
						var li = document.createElement("li")
					document.createTextNode()
						可以创建一个文本节点对象
						需要一个文本作为参数，将会根据改内容创建文本节点，并将新的节点返回
						var text = document.createTextNode("我是一段文本")
					appendChild()
						向一个父节点中添加一个新的子节点
						父节点.appendChild(子节点)
						li.appendChild(text);
					insertBefore()
						在指定子节点前面插入新的子节点
						父节点.insertBefore(新节点,旧节点)
						ul.insertBefore(li,bj);
					replaceChild()
						替换子节点
						父节点.replaceChild(新节点,旧节点)
						ul.replaceChild(li,bj);
					removeChild()
						删除子节点
						父节点.removeChild(子节点)
						当不知道父节点是谁时，可以通过parentNode.removeChild()来删除元素
						bj.parentNode.removeChild(bj);
				使用innerHTML也可以实现DOM的增删改的相关操作
						var city = document.getElementById("city");
						city.innerHTML += "<li>广州</li>"
						一般情况下都是结合使用
			*/
		   document.createElement()
		   document.createTextNode()
		   
		</script>
	</head>
	<body>
	</body>
</html>
